<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共样式表 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 网页头部 -->
    <link rel="stylesheet" href="./css/header.css">
    <!--  当前页面样式-->
    <link rel="stylesheet" href="./css/03-2.product-details.css">
    <!-- 网页底部 -->
    <link rel="stylesheet" href="./css/footer.css">
</head>

<body>
    <!-- 网页头部 -->
    <header class="clearfix">
        <div class="container">
            <!-- 茶叶网logo -->
            <div class="list">
                <div class="fl logo"><img src="./images/logo.png"></div>
                <div class="fl teaWeb">
                    <p class="Web1">茶叶协会官网</p>
                    <p class="Web2">www.cha***ui.top</p>
                </div>
                <!-- 导航栏列表 -->
                <nav>
                    <ul class="fl">
                        <li class="fl list1"><a href="./01-index.html">首页</a></li>
                        <li class="fl list1">
                            <a href="./02-1.aboutUs.html">关于我们</a>
                            <!-- 下拉框 -->
                            <ul class="submenu">
                                <li><a href="./02-1.aboutUs.html">公司简介</a></li>
                                <li><a href="./02-2.honor.html">荣誉资质</a></li>
                                <li><a href="./02-3.culture.html">企业文化</a></li>
                                <li><a href="./02-4.contactus.html">联系我们</a></li>
                            </ul>
                        </li>
                        <li class="fl list1 about-we">
                            <a href="./03-1.product-list.html">产品中心</a>
                            <!-- 下拉框 -->
                            <ul class="submenu">
                                <li><a href="">乌龙茶系列</a></li>
                                <li><a href="">花茶系列</a></li>
                                <li><a href="">普洱系列</a></li>
                                <li><a href="">茶食品系列</a></li>
                                <li><a href="">茶月饼系列</a></li>
                                <li><a href="">茶具系列</a></li>
                            </ul>
                        </li>
                        <li class="fl list1"><a href="./04-1.news-list.html">新闻动态</a>
                            <!-- 下拉框 -->
                            <ul class="submenu">
                                <li><a href="./04-1.news-list.html">公司新闻</a></li>
                                <li><a href="">行业动态</a></li>
                                <li><a href="">媒体报告</a></li>
                                <li><a href="">茶叶知识</a></li>
                            </ul>
                        </li>
                        <li class="fl list1"><a href="">品牌简介</a></li>
                        <li class="fl list1"><a href="./05-2.cooperation-introduction.html">合作交流</a>
                            <!-- 下拉框 -->
                            <ul class=" submenu">
                                <li><a href="">合作介绍</a></li>
                                <li><a href="">意向提交</a></li>
                                <li><a href="./05-1.successful-case.html">成功案例</a></li>
                                <li><a href="./05-2.cooperation-introduction.html">信息发布</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <!-- 第一个banner -->
    <div id="banner-one">
        <div class="banner1-title">
            <p>一杯牵起天下情，一茗惊人睿香园
            </p>
            <p>A CUP TO HOLD THE WORLD, A CUP OF TEA AMAZING RUIXIANG GARDEN</p>
        </div>
        <div class="banner-list">
            <ul class="clearfix container">
                <li class="fl"><a href="" class="list2">乌龙茶系列</a></li>
                <li class="fl"><a href="">花茶系列</a></li>
                <li class="fl"><a href="">普洱系列</a></li>
                <li class="fl"><a href="">茶食品系列</a></li>
                <li class="fl"><a href="">茶月饼系列</a></li>
                <li class="fl"><a href="">茶具系列</a></li>

            </ul>
        </div>
    </div>
    <!-- 醇津 -->
    <div id="product-details">
        <div class="container">
            <p class="title">醇津</p>
            <p class="time">发布时间: 2014-09-24 10:27</p>
            <input type="text" placeholder="醇津">
            <img src="./images/38_cqpz.jpg" alt="" class="picture1">
            <div class="litter-picture">
                <img src="./images/an1L.gif" alt="" class="left">
                <img src="./images/38_cqpz.jpg" alt="" class="center">
                <img src="./images/an1R.gif" alt="" class="right">
            </div>
            <div class="long-text">
                当您寒冷时，茶会温暖你。当你失意时，茶会鼓励你。本品选用OC-1000铁观音品种之原料，配用现代化的制茶设备精心加工而成。成品颗粒紧结匀净，色泽砂绿青润，香气浓郁，滋味甘醇，享有“活、甘、清、香”四绝之称。
                <p>适合90-95℃的水温，温壶后茶量3分满，第一泡60秒，后续每泡累加5-10秒，浓度可依个人喜好酌量增减冲泡时间。</p>
                <p>原产地：福建安溪</p>
                <p>质量等级：特级（清香）</p>
                <p>保存方法：密封、防潮、防异味、冷藏</p>
                <p>保质期：二年</p>
                <p>本品外包装以纸盒兼二两磨砂罐包装，内以8.3克小袋真空包装，使茶叶长久保存，又方便消费者携带冲泡。</p>
                <p class="flow">铁观音制作流程</p>
                <p>鲜叶采摘——室内外萎凋——发酵——杀青——揉捻——干燥——初制茶（毛茶）——精制加工——包装——成品</p>
                <p>冲泡按其程序可分为八道：</p>
                <ol>
                    <li> &emsp;1 白鹤沐浴 （洗 杯）：用开水洗净茶具</li>
                    <li> &emsp;2 观音入宫 （落 茶）：把铁观音茶放入茶具，放茶量约占茶具容量的五分；</li>
                    <li> &emsp;3 悬壶高冲 （冲 茶）：把滚开的水提高冲入茶壶或盖瓯，使茶叶转动；</li>
                    <li> &emsp;4 春风拂面 （刮泡沫）：用壶盖或瓯盖轻轻刮去漂浮的白泡沫，使其清新洁净；</li>
                    <li> &emsp;5 关公巡城 （倒 茶）：把泡一，二分钟后的茶水依次巡回注入并列的茶杯里；</li>
                    <li> &emsp;6 韩信点兵 （点 茶）：茶水倒到少许时要一点一点均匀地滴到各茶杯里；</li>
                    <li> &emsp;7 鉴尝汤色 （看 茶）：观尝杯中茶水的颜色;</li>
                    <li> &emsp;8 品啜甘霖 （喝 茶）：乘热细缀，先闻其香，后尝其味，边啜边闻，浅斟细饮。饮量虽不多，但能齿颊留香，喉底回甘，心旷神怡，别有情趣。</li>
                </ol>
            </div>
            <p class="one"><a href="" >上一个： 紫色玫瑰花茶</a></p>
            <p ><a href="">下一个： 典藏大红袍佳品</a></p>
        </div>
    </div>
    <!-- 底部导航 -->
    <div id="nav-foot">
        <ul class="clearfix">
            <li class="fl"><a href="">网站首页</a></li>
            <li class="fl"><a href="">关于我们</a></li>
            <li class="fl"><a href="">产品中心</a></li>
            <li class="fl"><a href="">新闻动态</a></li>
            <li class="fl"><a href="">品牌简介</a></li>
            <li class="fl"><a href="">合作交流</a></li>
        </ul>
    </div>
    <!-- 页脚 -->
    <footer>
        <div class="clearfix list-text">
            <ul class="fl text-callUS">
                <li> 联系我们</li>
                <li class="way">地址:某某市友谊路258号（百灵·尚品一号B-2-8-2）</li>
                <li class="way"> 邮编:5**0000</li>
                <li class="way"> 电话:400-***-000</li>
                <li class="way">联系人:精品茶叶官方宣传网站</li>
            </ul>
            <ul class="fl about-list">
                <li>关于我们
                </li>
                <li><a href="">关于我们</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">企业文化</a></li>
                <li><a href="">荣誉资质</a></li>
            </ul>
            <ul class="fl about-list">
                <li>合作交流</li>
                <li><a href="">成功案例</a></li>
                <li><a href="">合作介绍</a></li>
                <li><a href="">信息发布</a></li>
                <li><a href="">意向提交</a></li>
            </ul>
            <ul class="fl about-list">
                <li> 产品中心</li>
                <li><a href="">乌龙茶系列</a></li>
                <li><a href="">花茶系列</a></li>
                <li><a href="">普洱系列</a></li>
                <li><a href="">茶食品系列</a></li>
            </ul>
            <!-- 二维码 -->
            <div class="fl erweima">
                <img src="./images/erweima.png" alt="">
                <p>微信公众号</p>
            </div>
        </div>
        <p class="foot-bottom">COPYRIGHT WWW.GZ**.ORG&emsp;版权所有:精品茶叶官方宣传网站&emsp;&emsp;ICP备案编号:黔ICP备140***33号-1
        </p>
    </footer>
</body>

</html>